<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" lang="es"
	xmlns:pe="http://primefaces.org/ui/extensions">

<h:head>
    
    
<style>
	.ui-datepicker-inline{
	height: 175px !important;
	width:  175px !important;
	max-height: 175px !important;
	max-width:  175px !important;
	min-height: 175px !important;
	min-width:  175px !important;
	}
	.ui-datepicker-inline td{
		font-size: 9px !important;
	}
	
	
	
	
	.spinerVol input{
		font-size: 50px !important;
		padding-left: 10px !important;
	}
</style>
</h:head>
<h:body>
	<h:form prependId="false">



		<p:dataGrid id="availableCars" var="car"
                    value="#{tableBean.carsSmall}" columns="1" >
                    
                <div  class="a-btn">
                		<h:outputText styleClass="a-btn-text" value="#{car.manufacturer}" />
                		<h:outputText styleClass="a-btn-slide-text" value="#{car.model}" />
						<span class="a-btn-icon-right"><span></span></span>
				</div>
               
        </p:dataGrid>



<!-- 	PLAYER -->


<!-- 	<ul style="list-style: none; margin-left: -45px !important; display: none !important; margin-top: 10px !important;padding-top: 10px !important;"> -->
		
<!-- 		<li style="margin-top: 10px !important;display: block !important;"> -->
<!-- 			<meter value="0.3"></meter> -->
<!-- 			<meter value="0.2"></meter> -->
<!-- 			<meter value="0.16"></meter> -->
<!-- 			<meter value="0.2"></meter> -->
<!-- 			<meter value="0.3"></meter> -->
<!-- 		</li> -->
<!-- 		<li class="spinerVol" style="list-style: none; margin-left: -6px !important;"> -->
<!-- 			<input type="number" min="1" max="99" value="78" /> -->
<!-- 		</li> -->
<!-- 	</ul>	 -->


	
<!-- 		<p:stack icon="img/stack/stack.png"> -->
<!-- 			<p:menuitem value="Aperture" icon="img/stack/aperture.png" -->
<!-- 				url="#" /> -->
<!-- 			<p:menuitem value="Photoshop" icon="img/stack/photoshop.png" -->
<!-- 				url="#" /> -->
<!-- 			<p:menuitem value="Coda" icon="img/stack/coda.png" url="#" /> -->
<!-- 			<p:menuitem value="Safari" icon="img/stack/safari.png" url="#" /> -->
<!-- 			<p:menuitem value="Finder" icon="img/stack/finder.png" url="#" /> -->
<!-- 			<p:menuitem value="Finder" icon="img/stack/finder.png" url="#" /> -->
<!-- 		</p:stack> -->
	</h:form>

</h:body>
</html>
